<template>
  <div>
    <form>
      <input type="text" name="username" v-model="form.username" />

      <input type="text" name="password" v-model="form.password" />

      <p>{{msg}}</p>

      <button @click.prevent="fn">提交</button>

    </form>
  </div>
</template>

<script>
export default {
  data() {
    return {
      msg: "杭州的第一场雪",

      form: {
        username: "",
        password: "",
      },
    };
  },
  methods: {
    fn() {
      console.log(this.form.username);
      console.log(this.form.password);
    },
  },
};
</script>

<style>
</style>